<!DOCTYPE html>
<html lang="en">
<head>
    <link href="/stylesheets/bootstrap.min.css" rel="stylesheet">
    <link href="/stylesheets/bootstrap-table.min.css" rel="stylesheet">
    <link href="/stylesheets/common.css" rel="stylesheet">
    <link href="/stylesheets/index.css" rel="stylesheet">

    <script src="/javascripts/js/jquery-3.3.1.min.js"></script>
    <script src="/javascripts/js/echarts.min.js"></script>
    <script src="/javascripts/js/bootstrap.min.js"></script>
    <script src="/javascripts/js/bootstrap-table.min.js"></script>
    <script src="/javascripts/zyrcEv.js"></script>

</head>

<header>

    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="#">东莞市亿东洋建材有限公司 - 生产管理大数据平台</a>
        <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse"
                data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault"
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="/">蒸养过程记录
                        <span class="sr-only">(current)</span>
                    </a>
                </li>

            </ul>

        </div>
    </nav>
</header>

<div class="container-fluid">
    <section class="row">


        <main role="main" class="col-sm-10 ml-sm-auto col-md-12 pt-3">


            <section class="row text-center">

                <div class="col-sm-12 col-md-12 placeholder">
                    <div class="alert alert-dark" role="alert">
                        <section class="row">
                            <div class="col-sm-2 col-md-2 placeholder">
                                <h1 id="name_head"></h1>
                            </div>
                            <div class="col-sm-4 col-md-4 placeholder">
                                <div id='startTime' align="left"></div>
                                <div id='endTime' align="left"></div>
                            </div>

                            <div class="col-sm-3 col-md-3 placeholder">
                                <div id='text3' align="left"></div>
                                <div id='text4' align="left"></div>
                            </div>

                            <div class="col-sm-3 col-md-3 placeholder">
                                <div id='text5' align="left"></div>
                                <div id='text6' align="left"></div>
                            </div>
                        </section>
                    </div>
                </div>
            </section>


            <div class="div_any_child">
                <div id="name1" class="div_any_title">蒸压釜数据曲线</div>
                <p id="lineChart1" class="p_chart"></p>
            </div>


            <section class="row text-center" style=" margin-top: 25px">
                <div class="col-sm-12 col-md-12 placeholder">
                    <div class="alert alert-dark" role="alert">
                        <table class="table table-hover" id="stateTable">
                            <thead>
                            <tr>
                                <th rowspan="2">阶段</th>
                                <th rowspan="2">时长</th>
                                <th colspan="3">压力变化 MPa</th>
                                <th colspan="3">内温变化 &#8451</th>
                                <th colspan="3">外温变化 &#8451</th>
                            </tr>
                            <tr>
                                <th>本次</th>
                                <th>本釜月平均</th>
                                <th>总月平均</th>
                                <th>本次</th>
                                <th>本釜月平均</th>
                                <th>总月平均</th>
                                <th>本次</th>
                                <th>本釜月平均</th>
                                <th>总月平均</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div class="col-sm-6 col-md-6 placeholder">

                </div>
            </section>


        </main>
</div>
</html>